import { createRouter, createWebHistory } from "vue-router";
import Home from "../views/Home.vue";
import Main from "../views/Main.vue";
import Detail from "../views/Detail.vue";
import Release from "../views/Release.vue";


const routes = [
    {
        path: "/",
        name: "Home",
        component: Home,
        children: [
            {
                path: '/main',
                name: "Main",
                component: Main,
            },
            {
                path: '/detail',
                name: "Detail",
                component: Detail,
            },
            { 
                path: '/release',
                name: "Release",
                component: Release,
            }
        ]
    }


];

const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;